<template>
    <!--文本-->
    <input v-model.lazy="message" placeholder="edit me" />
    <p>Message is: {{ message }}</p>
    <!--多行文本-->
    <!--复选框 (Checkbox)-->
    <input type="checkbox" id="checkbox" v-model="checked" />
    <p>{{ checked }}</p>
    <!--单选框 (Radio)-->
    <input type="radio" id="one" value="One" v-model="picked" />
    <input type="radio" id="two" value="Two" v-model="picked" />
    {{picked}}
    <!--选择框 (Select)-->
    <select v-model="selected">
        <option value="">select one</option>
        <option>A</option>
        <option>B</option>
        <option>C</option>
    </select>
    <span>Selected: {{ selected }}</span>
    <a href="javascript:void(0);"></a>
</template>
<script lang="ts">
    export default {
        name: 'detail',
    }
</script>
<script setup lang="ts">
    import { ref,reactive } from 'vue';
    let message = ref(0);
    let checked = ref(true);
    let picked = ref("");
    let selected = ref("");
</script>